<?php 
global $bfa_ata; 
if ($bfa_ata == "") include_once (TEMPLATEPATH . '/functions/bfa_get_options.php'); 
if ( $bfa_ata_preview == 1 OR $bfa_ata['css_external'] == "Inline" OR 
( $bfa_ata_debug == 1 AND $bfa_ata['allow_debug'] == "Yes" ) ) {
	echo '<style type="text/css">'; 
} else { 
	header("Content-type: text/css"); 
}
if ( $bfa_ata['css_compress'] == "Yes" AND 
!( $bfa_ata_debug == 1 AND $bfa_ata['allow_debug'] == "Yes" ) ) {
	ob_start("bfa_compress_css");
}

function bfa_compress_css($buffer) {
	
	/* remove comments */
	$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
	
	/* remove tabs, spaces, newlines, etc. */
	$buffer = str_replace(array("\r\n", "\r", "\n", "\t"), '', $buffer);
	$buffer = str_replace(array('  ', '   ', '    ', '     '), ' ', $buffer);
	$buffer = str_replace(array(": ", " :"), ':', $buffer);
	$buffer = str_replace(array(" {", "{ "), '{', $buffer);
	$buffer = str_replace(';}','}', $buffer);
	$buffer = str_replace(', ', ',', $buffer);
	$buffer = str_replace('; ', ';', $buffer);
	
	return $buffer;
  
}
?>
/* ------------------------------------------------------------------
---------- BASE LAYOUT ----------------------------------------------
------------------------------------------------------------------ */

body {
	text-align: center;  /* centering the page container, 
							text-align will be reset to left 
							inside the container */
	margin: 0;
	padding: 0;
	background: #c00;
	<?php echo $bfa_ata['body_style']; ?>
	font-size:0.65em
	}

a:link, a:visited, a:active {
	color: #<?php echo $bfa_ata['link_color']; ?>; 
	font-weight: <?php echo $bfa_ata['link_weight']; ?>; 
	text-decoration: <?php echo $bfa_ata['link_default_decoration']; ?>; 
	}
	
a:hover {
	color: #<?php echo $bfa_ata['link_hover_color']; ?>;
	font-weight: <?php echo $bfa_ata['link_weight']; ?>; 
	text-decoration: <?php echo $bfa_ata['link_hover_decoration']; ?>;
	}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0; 	
	}

/* remove margins on sub-lists */
ul ul, ul ol, ol ul, ol ol {
	margin-top: 0;
	margin-bottom: 0;
	}

h1, h2, h3, h4, h5, h6 {
  color: #000;
  display: block;
  /* fixed for Non-PCs without Photoshop CS2+ */
	font-smooth: always;
}

h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px; }
h2 { font-size: 28px; line-height: 1.3; margin: 1em 0 .2em; }
h3 { font-size: 24px; line-height: 1.3; margin: 1em 0 .2em; }
h4 { font-size: 19px; margin: .2em 0 .2em; }
h5 { font-size: 1.3em; margin: 1.67em 0; font-weight: bold; }
h6 { font-size: 1.15em; margin: 1.67em 0; font-weight: bold; }

h1 a, h2 a, h1 a:link, h2 a:link, h1 a:visited, h2 a:visited { color: #000; }
h1 a:active, h2 a:active, h1 a:focus, h2 a:focus, h1 a:hover, h2 a:hover { color: #669900; }



code, pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	}

pre {
	overflow: auto;
	word-wrap: normal;
	padding-bottom: 1.5em;
	overflow-y: hidden;
	width: 99%;
	}

abbr[title], acronym[title] {
	border-bottom: 1px dotted;
	}
	
hr {
	display: block;
	height: 2px;
	border: none;
	margin: 0.5em auto;
	color: #cccccc;
	background-color: #cccccc;
	}

/* use the body's font size in tables, too: */

table {
	font-size: 1em; 
	}	


/* ------------------------------------------------------------------
---------- BREAK LONG STRINGS ---------------------------------------
------------------------------------------------------------------ */

/* break long strings in IE6+ and Safari2+ in posts and comments: */

div.post, ul.commentlist li, ol.commentlist li {
	word-wrap: break-word; 
	}

/* reset "break-word" for pre & wp-syntax: */

pre, .wp_syntax {
	word-wrap: normal; 
	}

	
/* ------------------------------------------------------------------
---------- WRAPPER, CONTAINER & LAYOUT ------------------------------
------------------------------------------------------------------ */
	
<?php if  ( $bfa_ata['layout_style_leftright_padding'] == "" ) { 
	$bfa_ata['layout_style_leftright_padding'] = "0"; }
	if ( $bfa_ata['layout_style_leftright_padding'] != "0" ) { 
	$bfa_ata['layout_min'] = $bfa_ata['layout_min_width'] + ( $bfa_ata['layout_style_leftright_padding'] * 2 );
	$bfa_ata['layout_max'] = $bfa_ata['layout_max_width'] + ( $bfa_ata['layout_style_leftright_padding'] * 2 );	
	} else {
	$bfa_ata['layout_min'] = $bfa_ata['layout_min_width'];
	$bfa_ata['layout_max'] = $bfa_ata['layout_max_width'];
	}
	?>

/*-------------------- WRAPPER for MIN / MAX width --------*/

div#wrapper {
	text-align: center;  
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: <?php echo $bfa_ata['layout_width']; ?>;
	<?php // if layout is fluid, set min/max width, if defined:
	if(stristr($bfa_ata['layout_width'], 'px') === FALSE) { 
	echo ($bfa_ata['layout_min_width'] == "" ? "" : "min-width: " . $bfa_ata['layout_min'] . "px;\n"); 
	echo ($bfa_ata['layout_max_width'] == "" ? "" : "max-width: " . $bfa_ata['layout_max'] . "px;\n");	
	} ?>
	}

<?php // min/max width for IE6:
if(stristr($bfa_ata['layout_width'], 'px') === FALSE && ($bfa_ata['layout_min'] != "" OR $bfa_ata['layout_max'] != "" )) { ?>
* html div#wrapper {
<!--
	width:expression<?php if($bfa_ata['layout_max_width'] != "") { ?>(((document.compatMode && 
	document.compatMode=='CSS1Compat') ? 
	document.documentElement.clientWidth : 
	document.body.clientWidth) 
	> <?php echo $bfa_ata['layout_max'] +1; ?> ? "<?php echo $bfa_ata['layout_max']; ?>px" : 
	<?php } if($bfa_ata['layout_min_width'] == "") { ?>"<?php echo $bfa_ata['layout_width']; ?>"); -->}<?php } else { ?>
	(((document.compatMode && 
	document.compatMode=='CSS1Compat') ? 
	document.documentElement.clientWidth : 
	document.body.clientWidth) 
	< <?php echo $bfa_ata['layout_min'] + 1; ?> ? "<?php echo $bfa_ata['layout_min']; ?>px" : 
	"<?php echo $bfa_ata['layout_width']; ?>")); 
-->
	}
<?php } } ?>

/*-------------------- CONTAINER for VISUAL styles --------*/

div#container {
	<?php echo $bfa_ata['layout_style']; ?>
	<?php if ( $bfa_ata['layout_style_leftright_padding'] != "0" ) { ?>
	padding-left: <?php echo $bfa_ata['layout_style_leftright_padding']; ?>px;
	padding-right: <?php echo $bfa_ata['layout_style_leftright_padding']; ?>px;
	<?php } ?>
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* resetting the "text-align: center" of "wrapper" */
	display: block;
	}

/*-------------------- LAYOUT to keep it all together -----*/
	
table#layout {
	font-size: 100%;
	width: 100%;
	table-layout: fixed;
	}
	
.colone {width: <?php echo $bfa_ata['left_sidebar_width']; ?>px;}
.colone-inner {width: <?php echo $bfa_ata['left_sidebar2_width']; ?>px;}
.coltwo { width: 100% }
.colthree-inner {width: <?php echo $bfa_ata['right_sidebar2_width']; ?>px;}
.colthree {width: <?php echo $bfa_ata['right_sidebar_width']; ?>px;}

/* ------------------------------------------------------------------
---------- HEADER ---------------------------------------------------
------------------------------------------------------------------ */


/*-------------------- HEADER CONTAINER -------------------*/

td#header {
	width: auto;
	padding: 0;
	}


/*-------------------- LOGO AREA --------------------------*/

table#logoarea, 
table#logoarea tr, 
table#logoarea td {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	}

table#logoarea {
	width: 100%;
	border-spacing: 0px;
	<?php echo $bfa_ata['logoarea_style']; ?>
	}
	
/*-------------------- LOGO -------------------------------*/

img.logo {
	display: block;
	<?php echo $bfa_ata['logo_style']; ?>
	}

td.logoarea-logo {
	width: 1%;
	}

	
/*-------------------- BLOG TITLE -------------------------*/

h1.blogtitle,
h2.blogtitle {
    display: block;
	<?php echo $bfa_ata['blog_title_style']; ?>
	font-smooth: always;
	}
	
h1.blogtitle a:link, 
h1.blogtitle a:visited, 
h1.blogtitle a:active,
h2.blogtitle a:link, 
h2.blogtitle a:visited, 
h2.blogtitle a:active {
    text-decoration: none;
	color: #<?php echo $bfa_ata['blog_title_color']; ?>;
	font-weight: <?php echo $bfa_ata['blog_title_weight']; ?>;
	font-smooth: always;
	}
	
h1.blogtitle a:hover,
h2.blogtitle a:hover {
    text-decoration: none;
	color: #<?php echo $bfa_ata['blog_title_color_hover']; ?>;
	font-weight: <?php echo $bfa_ata['blog_title_weight']; ?>;
	}

/*-------------------- BLOG TAGLINE -----------------------*/

p.tagline { 
	<?php echo $bfa_ata['blog_tagline_style']; ?>
	}

td.feed-icons {
	white-space: nowrap; 
	}

div.rss-box {
	height: 1%; 
	display: block; 
	padding: 10px 0 10px 10px; 
	margin: 0;
	width: <?php echo $bfa_ata['rss_box_width']; ?>px;
	}
	
/*-------------------- HORIZONTAL BARS --------------------*/

div.horbar1, 
div.horbar2 { 
	font-size: 1px;
	clear: both; 
	display: block;
	position: relative;
	padding: 0; 
	margin: 0;
	width: 100%; 
	}

div.horbar1 {
	<?php echo $bfa_ata['horbar1']; ?>
	}
	
div.horbar2 { 
	<?php echo $bfa_ata['horbar2']; ?>
	}	

<?php if (strpos($bfa_ata['configure_header'],'%image')!==false) { ?>
div.header-image-container {
	position: relative; 
	margin: 0; 
	padding: 0; 
	height: <?php echo $bfa_ata['headerimage_height']; ?>px; 
	}
<?php } ?>
	
<?php if ( $bfa_ata['overlay_blog_title'] == "Yes" OR $bfa_ata['overlay_blog_tagline'] == "Yes" ) { ?>
div.titleoverlay {
	z-index: 4;
	position: relative;
	float: left;
	width: auto;
	<?php echo $bfa_ata['overlay_box_style']; ?>
	}
<?php } ?>

/* ------------------------------------------------------------------
---------- SYNERGY STUFF --------------------------------------------
------------------------------------------------------------------ */

body {
	@CHARSET "ISO-8859-1";
	font-family: "Verdana" sans-serif;
	moz-user-select: text;
}

h4 {
	font-size: 1.8em;
	margin-top: 0px;
}

h4, label {
	font-family: "Arial Narrow";
	text-transform: uppercase;
	letter-spacing: 0;
	font-weight: bold;
}

textarea,
input,
select {
	font-size: 0.65em;
}

.synCheck {
	margin: 0;
	padding: 0;
	height: 8px;
}

.mastertopborder {
	margin-top: 5px;
	border-top: dashed 1px #CCCCCC; 
	padding:2px;
}



/* MOBILE PHONE ------------------------*/

.iphoneRightsidebar {
	 padding:8px;
    z-index:2;
    top:0px;
    width:432px;
    margin-top: 8px; ;
    margin-left: auto ;
    margin-right: auto ;	
    margin-bottom: 8px; ;
    background-color:#eeeeee;
    overflow: auto;
    border: 4px solid #999999;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
} 

p {
	margin:0;
}

.synleft {
	width:200px;
	float:left;

}
		
.synright {
	width:200px;
	float:right;
}

/* ASSETS -----------------------------*/

.mainPanel {
	-moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-width: 5px;
	border-color: #789B9D;
	border-style:solid;
	padding:8px;
	/* margin:8px */
}

.assetTitle a {
	font-size:1.1em;
	font-family: "Arial Narrow";
	text-transform: uppercase;
	font-weight: bold;
}

.assetAuthor {
	padding-bottom:5px;
}

.assetCategory,
.projCategory,
.contributor,
#contributor {
	color:#888888;
}

img {
	height:60px;
}

.mainPanel table {
	border-spacing: 7px;
}

.mainPanel td {
	/* border:1px dotted grey; */
	vertical-align:top;
}


h4#lblProjectHeading {
 	font-size:2.5em;
 	font-weight: bolder;
}

#lblProjectHeading::before {
	content: "Selected Project:\A";
	font-family: "Verdana" sans-serif;
	text-transform: lowercase;
	color: #7A8282;
	font-size: 0.5em;
	font-weight: normal;
}

.asset {
	margin-top:8px;
}

.noasset {
	margin-top:12px;
	font-weight: bold;
}


.assetForm {

}

.assetLeft {
	width:50px;
}

.assetButtons {
	width:0px;
}

.assetinput {
	display:none;
}

.assetButtons button.link {
	display:none;
}



/* PROJECT MANAGEMENT --------------------*/

.projectinput, 
.dvSynProjEditProject,
.dvSynProjAddContributors, 
#btnToggleDisplay {
	padding: 4px;
	background: #DAE9ED; 
	-moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   width:95%;
}


.project {
	margin-top:8px;
}

.project p {
	margin:0;
}

.project a {
	font-size:1.2em;
	font-family: "Arial Narrow";
	text-transform: uppercase;
	font-weight: bold;
}

.myproject a::before {
	content:"* ";
}

.myproject #manager{
	font-weight:bold;
}

.current {
	/* font-size:1.3em; */
	padding: 4px;
	background:#ffffff;
	-moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-width: 4px;
	border-color: #789B9D;
	border-style:solid;
	margin-top:8px;
	margin-bottom:8px;
}

.current:first-child::before {
	content: "Selected Project: ";
	font-family: "Verdana" sans-serif;
	text-transform: lowercase;
	color: #7A8282;
	font-size: 0.9em;
	font-weight: normal;
	margin:0;
}

.projInfo {
	padding-top:3px;
	padding-bottom:3px;
}

.btnPanel {
	padding-top:4px;
	padding-bottom:3px;
}


.selectContributors {
	overflow:auto;
	height:120px;
	border:1px solid #000000;
	background:#ffffff;
}

a:link,
a:visited { 
	color: #115588;
}

a:hover,
a:focus,
a:active {
	/* color: black; */
	text-decoration: underline;
	font-weight: bold;
}

button {
	overflow: visible;
	width: auto;
}

button.link::before{
	content:"[";
}

button.link::after{
	content:"]";
} 

button.link {
	font-size: 1em;
	text-align: left;
	color: #115588;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}
		
		
/* MESSAGES ---------------------------------*/
.inboxTitle,
.messageFormTitle {
	font-family: "Arial Narrow";
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	color: #115588;
}

.inboxTitleDiv {
	padding-top:6px;
	padding-bottom:6px;
}

.message {
	padding-top:3px;
	padding-bottom:3px;	
}

.msgSender,
.msgProject {
	color:#888888;
}

/* RULES ---------------------------------*/
ol {
	font-family: "Arial Narrow";
	font-weight: bold;
	font-size: 1.3em;
	color: #115588;
}

ol p {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#000000;
}



/* HELP ---------------------------------*/
.helpTitle {
	font-family: "Arial Narrow";
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	color: #115588;
	padding-top:5px;
}

.helpText {
	padding-bottom:4px;
}
		
		
/* ------------------------------------------------------------------
---------- LEFT SIDEBARS ---------------------------------------------
------------------------------------------------------------------ */

td#left {
	vertical-align: top;
	<?php echo $bfa_ata['left_sidebar_style']; ?>
	}

td#left-inner {
	vertical-align: top;
	<?php echo $bfa_ata['left_sidebar2_style']; ?>
	}
	
/* ------------------------------------------------------------------
---------- RIGHT SIDEBARS --------------------------------------------
------------------------------------------------------------------ */

td#right {
	vertical-align: top;
	<?php echo $bfa_ata['right_sidebar_style']; ?>
	}

td#right-inner {
	vertical-align: top;
	<?php echo $bfa_ata['right_sidebar2_style']; ?>
	}
	
/* ------------------------------------------------------------------
---------- CENTER COLUMN --------------------------------------------
------------------------------------------------------------------ */

td#middle {
	vertical-align: top;
	width: 100%;
	<?php echo $bfa_ata['center_column_style']; ?>
	}

	
/* ------------------------------------------------------------------
---------- FOOTER ---------------------------------------------------
------------------------------------------------------------------ */

td#footer {
	width: auto;
	<?php echo $bfa_ata['footer_style']; ?>
	}

td#footer a:link, td#footer a:visited, td#footer a:active {
	<?php echo $bfa_ata['footer_style_links']; ?>
	}

td#footer a:hover {
	<?php echo $bfa_ata['footer_style_links_hover']; ?>
	}
	
	
/* ------------------------------------------------------------------
---------- WIDGETS --------------------------------------------------
------------------------------------------------------------------ */

div.widget {
	display: block;
	width: auto;  /* without this IE will stretch too-wide select 
					menus but not the other widgets. With 100% IE
					will remove sidebar borders if select menu is
					too wide */
	<?php echo $bfa_ata['widget_container']; ?>
	}

div.widget-title {
	display: block;
	width: auto;
	<?php echo $bfa_ata['widget_title_box']; ?>
	}

div.widget-title h3,
td#left h3.tw-widgettitle,
td#right h3.tw-widgettitle,
td#left ul.tw-nav-list,
td#right ul.tw-nav-list {
	padding:0;
	margin:0;
	<?php echo $bfa_ata['widget_title']; ?>
	}

/* Since 3.4 "div-widget-content" is gone for better plugin compatibility. 
Instead we'll try to mimick the feature by putting the styles on the following 
containers: */
div.widget ul,
div.textwidget {
	display: block;
	width: auto;
	<?php echo $bfa_ata['widget_content']; ?>
	}

	
/* ------------------------------------------------------------------
---------- Select MENUS INSIDE OF WIDGETS -------------------------
------------------------------------------------------------------ */

/* if a select menu is too wide to fit into the sidebar (because one 
 or several of its option titles are too long) then it will be cut off
 in IE 6 & 7 */

div.widget select { 
	width: 98%; 		/* auto won't work in Safari */
	margin-top: 5px;
	<?php if ( $bfa_ata['select_font_size'] != "Default" ) { 
	echo "font-size: " . $bfa_ata['select_font_size'] . ";\n"; } ?> 
}	


/* ------------------------------------------------------------------
---------- LISTS INSIDE OF WIDGETS ----------------------------------
------------------------------------------------------------------ */

div.widget ul {
	list-style-type: none;
	margin: 0; 
	padding: 0;
	width: auto;
	}

/*------------- base styling for all widgets -----------*/
	
div.widget ul li {
	display: block;
	margin: 2px 0 2px <?php echo $bfa_ata['widget_lists']['li-margin-left']; ?>px;
	padding: 0 0 0 <?php echo $bfa_ata['widget_lists']['link-padding-left']; ?>px; 
	border-left: solid <?php echo $bfa_ata['widget_lists']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists']['link-border-left-color']; ?>;
	}

div.widget ul li:hover,
div.widget ul li.sfhover {
display: block;
width: auto;
	border-left: solid <?php echo $bfa_ata['widget_lists']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists']['link-border-left-hover-color']; ?>; 
	}

div.widget ul li ul li {
	margin: 2px 0 2px <?php echo $bfa_ata['widget_lists2']['li-margin-left']; ?>px;  
	padding: 0 0 0 <?php echo $bfa_ata['widget_lists2']['link-padding-left']; ?>px; 
	border-left: solid <?php echo $bfa_ata['widget_lists2']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists2']['link-border-left-color']; ?>; 
	}

div.widget ul li ul li:hover,
div.widget ul li ul li.sfhover {
	border-left: solid <?php echo $bfa_ata['widget_lists2']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists2']['link-border-left-hover-color']; ?>; 
	}

div.widget ul li ul li ul li {
	margin: 2px 0 2px <?php echo $bfa_ata['widget_lists3']['li-margin-left']; ?>px; 
	padding: 0 0 0 <?php echo $bfa_ata['widget_lists3']['link-padding-left']; ?>px; 	
	border-left: solid <?php echo $bfa_ata['widget_lists3']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists3']['link-border-left-color']; ?>; 
	}

div.widget ul li ul li ul li:hover,
div.widget ul li ul li ul li.sfhover {
	border-left: solid <?php echo $bfa_ata['widget_lists3']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists3']['link-border-left-hover-color']; ?>; 
	}
	
div.widget ul li a:link, 
div.widget ul li a:visited, 
div.widget ul li a:active {
	text-decoration: none; 
	font-weight: normal; 
	color: #<?php echo $bfa_ata['widget_lists']['link-color']; ?>; 
	font-weight: <?php echo $bfa_ata['widget_lists']['link-weight']; ?>; 
	}

div.widget ul li ul li a:link, 
div.widget ul li ul li a:visited, 
div.widget ul li ul li a:active {
	color: #<?php echo $bfa_ata['widget_lists2']['link-color']; ?>; 
	font-weight: <?php echo $bfa_ata['widget_lists2']['link-weight']; ?>; 
	}

div.widget ul li ul li ul li a:link, 
div.widget ul li ul li ul li a:visited, 
div.widget ul li ul li ul li a:active {
	color: #<?php echo $bfa_ata['widget_lists3']['link-color']; ?>; 
	font-weight: <?php echo $bfa_ata['widget_lists3']['link-weight']; ?>; 
	}

	
div.widget ul li a:hover {
	color: #<?php echo $bfa_ata['widget_lists']['link-hover-color']; ?>; 
	}

div.widget ul li ul li a:hover {
	color: #<?php echo $bfa_ata['widget_lists2']['link-hover-color']; ?>; 
	}

div.widget ul li ul li ul li a:hover {
	color: #<?php echo $bfa_ata['widget_lists3']['link-hover-color']; ?>; 
	}
	
div.widget ul li a:link, 
div.widget ul li a:visited, 
div.widget ul li a:active,
div.widget ul li a:hover {
	display: inline;
	}

* html div.widget ul li a:link, 
* html div.widget ul li a:visited, 
* html div.widget ul li a:active,
* html div.widget ul li a:hover {
	height: 1%;   /* IE6 needs this */
	}
	
/*------------- styling for categories and pages widgets -----------*/

/* Because they can have sub items, the categories and the pages 
widgets get the left border and padding on the <A> instead of the <LI>.
Otherwise, sub items would have two left borders - their own left border 
and the left border of their parent (since the parent contains the sub item). 
You may actually like that, it looks interesting. To try it out, comment all the next 
rules up to "BFA SUBSCRIBE WIDGET" */
 
/* First, remove the left border and padding from the <LI>. The margin stays on the <LI>'s 
because if the <A>'s of the cateories widget were set to display:inline (default setting) 
then margin would work there */
div.widget_pages ul li, 
div.widget_categories ul li {
	border-left: 0 !important;
	padding: 0 !important;
}

/* Then, add left border and padding to the <A> */
div.widget_pages ul li a:link, 
div.widget_pages ul li a:visited, 
div.widget_pages ul li a:active,
div.widget_categories ul li a:link,
div.widget_categories ul li a:visited, 
div.widget_categories ul li a:active {
	padding: 0 0 0 <?php echo $bfa_ata['widget_lists']['link-padding-left']; ?>px; 
	border-left: solid <?php echo $bfa_ata['widget_lists']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists']['link-border-left-color']; ?>;
	}

div.widget_pages ul li a:hover,
div.widget_categories ul li a:hover {
	border-left: solid <?php echo $bfa_ata['widget_lists']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists']['link-border-left-hover-color']; ?>; 
}

div.widget_pages ul li ul li a:link, 
div.widget_pages ul li ul li a:visited, 
div.widget_pages ul li ul li a:active,
div.widget_categories ul li ul li a:link,
div.widget_categories ul li ul li a:visited, 
div.widget_categories ul li ul li a:active {
	padding: 0 0 0 <?php echo $bfa_ata['widget_lists2']['link-padding-left']; ?>px; 
	border-left: solid <?php echo $bfa_ata['widget_lists2']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists2']['link-border-left-color']; ?>;
	}

div.widget_pages ul li ul li a:hover,
div.widget_categories ul li ul li a:hover {
	border-left: solid <?php echo $bfa_ata['widget_lists2']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists2']['link-border-left-hover-color']; ?>; 
}

div.widget_pages ul li ul li ul li a:link, 
div.widget_pages ul li ul li ul li a:visited, 
div.widget_pages ul li ul li ul li a:active,
div.widget_categories ul li ul li ul li a:link,
div.widget_categories ul li ul li ul li a:visited, 
div.widget_categories ul li ul li ul li a:active {
	padding: 0 0 0 <?php echo $bfa_ata['widget_lists3']['link-padding-left']; ?>px; 
	border-left: solid <?php echo $bfa_ata['widget_lists3']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists3']['link-border-left-color']; ?>;
	}

div.widget_pages ul li ul li ul li a:hover,
div.widget_categories ul li ul li ul li a:hover {
	border-left: solid <?php echo $bfa_ata['widget_lists3']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists3']['link-border-left-hover-color']; ?>; 
}

/* The pages widget gets "block" because it usually has only 
one link per <LI> and no text */
div.widget_pages ul li a:link,
div.widget_pages ul li a:active,
div.widget_pages ul li a:visited,
div.widget_pages ul li a:hover {
	display: block !important;
}

/* The category widget gets "inline" per default or otherwise the 
post count would wrap into the next line. If no post count is displayed,
"block" can be chosen at Theme Options -> Style Widgets -> Category Widget Display Type. 
With "block", links that don't fit into one line will align properly (as a block) 
on the left side. */
div.widget_categories ul li a:link,
div.widget_categories ul li a:active,
div.widget_categories ul li a:visited,
div.widget_categories ul li a:hover {
	display: <?php echo $bfa_ata['category_widget_display_type']; ?> !important;
}



/* ------------------------------------------------------------------
---------- BFA SUBSCRIBE WIDGET -------------------------------------
------------------------------------------------------------------ */

table.subscribe {
	width: 100%;
	}
	
table.subscribe td.email-text {
	padding: 0 0 5px 0;
	vertical-align: top;
	}

table.subscribe td.email-field {
	padding: 0;
	width: 100%;
	}
	
table.subscribe td.email-button {
	padding: 0 0 0 5px;
	}
	
table.subscribe td.post-text {
	padding: 7px 0 0 0;
	vertical-align: top;
	}
	
table.subscribe td.comment-text {
	padding: 7px 0 0 0;
	vertical-align: top;
	}
	
	
/* ------------------------------------------------------------------
---------- FORMS ----------------------------------------------------
------------------------------------------------------------------ */

form, .feedburner-email-form {
	margin: 0; 
	padding: 0; 
	}

fieldset {
	border: 1px solid #cccccc; 
	width: auto; 
	padding: 0.35em 0.625em 0.75em;
	display: block; 
	}
	
legend { 
	color: #000000; 
	background: #f4f4f4; 
	border: 1px solid #cccccc; 
	padding: 2px 6px; 
	margin-bottom: 15px; 
	}
	
form p {
	margin: 5px 0 0 0; 
	padding: 0; 
	}
	
label {
	margin-right: 0.5em; 
	font-family: arial;
	cursor: pointer; 
	}

/* input.TextField for WP-Email
input.textbox for WPG2 */
input.text, 
input.textbox, 
input.password, 
input.file,
input.TextField, 
textarea {
	padding: 3px;
	<?php echo $bfa_ata['form_input_field_style'] . "\n"; ?>
	<?php echo ($bfa_ata['form_input_field_background'] != "" ? 
	"background: url(" . $bfa_ata['template_directory'] . "/images/" . 
	$bfa_ata['form_input_field_background'] . ") top left no-repeat;" : ""); ?>
	}

textarea {
	width: 96%; 
	}


input.inputblur {
	color: #777777;
	width: 95%;
	}

input.inputfocus {
	color: #000000;
	width: 95%;
	}	
	
<?php if ($bfa_ata['highlight_forms'] == "Yes") { ?>
input.highlight, textarea.highlight {
	<?php echo $bfa_ata['highlight_forms_style']; ?>
	}
<?php } ?>

/* .Button for WP-Email */
.button, .Button {
	padding: 0 2px;
	height: 24px;
	line-height: 16px;
	<?php echo $bfa_ata['button_style']; ?>
	}
	
.buttonhover {
	padding: 0 2px;
	cursor: pointer;
	<?php echo $bfa_ata['button_style_hover']; ?>
	}

/* comment submit button */

form#commentform input#submit	{
	<?php echo $bfa_ata['submit_button_style']; ?>
	}
/* ------------------------------------------------------------------
---------- BLOCKQUOTES ----------------------------------------------
------------------------------------------------------------------ */

blockquote {
	height: 1%;
	display: block;
	clear: both;
	<?php echo $bfa_ata['blockquote_style']; ?>	
	}
	
blockquote blockquote {
	height: 1%;
	display: block;
	clear: both;
	<?php echo $bfa_ata['blockquote_style_2nd_level']; ?>
	}


/* ------------------------------------------------------------------
---------- TABLES & CALENDAR ----------------------------------------
------------------------------------------------------------------ */

/*-------------------- TABLES IN POSTS --------------------*/

div.post table {
	<?php echo $bfa_ata['table']; ?>
	}
	
div.post table caption {
	width: auto;
	margin: 0 auto;
	<?php echo $bfa_ata['table_caption']; ?>
	}
	
div.post table th {
	<?php echo $bfa_ata['table_th']; ?>
	}
	
div.post table td {
	<?php echo $bfa_ata['table_td']; ?>
	}

div.post table tfoot td {
	<?php echo $bfa_ata['table_tfoot_td']; ?>
	}
	
div.post table tr.alt td {
	<?php echo $bfa_ata['table_zebra_td']; ?>
	}

div.post table tr.over td {
	<?php echo $bfa_ata['table_hover_td']; ?>
	}

/* ------------------------------------------------------------------
---------- IMAGES --------------------------------------------------
------------------------------------------------------------------ */

img { 
	border: 0;
	}

/* For Events manager plugin Google Map */
#dbem-location-map img {
    background: none !important;
}

.post img { 
	<?php echo $bfa_ata['post_image_style']; ?> 
	}

.post img.size-full {
<?php if(strpos($bfa_ata['layout_width'], 'px') === FALSE) { ?>
	max-width: 96%;		/* 	resize images in the main column if needed.
							97% so images with padding and border don't touch
							the right sidebar while being resized. Change this 
							to 100% if you want, if your images
							don't have padding and a border */
	width: auto 100%;
<?php } ?>
	margin: 5px 0 5px 0;
	}



<?php if(strpos($bfa_ata['layout_width'], 'px') === FALSE) { ?>
/* hiding from IE6 which would stretch the image vertically. 
IE6 will get width and height via jQuery */
div.post img[class~=size-full] { 
	height: auto; /* FF & Safari need auto */
	}	
<?php } ?>

.post img.alignleft {
	float: left; 
	margin: 10px 10px 5px 0; 
	}
	
.post img.alignright {
	float: right; 
	margin: 10px 0 5px 10px; 
	}

.post img.aligncenter {
	display: block;
	margin: 10px auto;
	}

.aligncenter, 
div.aligncenter {
   	display: block;
   	margin-left: auto;
   	margin-right: auto;
	}

.alignleft, 
div.alignleft {
	float: left;
	margin: 10px 10px 5px 0;
	}

.alignright, 
div.alignright {
   	float: right;
   	margin: 10px 0 5px 10px;
	}

/* feed icons on archives page */
div.archives-page img {
	border: 0;
	padding: 0;
	background: none;
	margin-bottom: 0;
	vertical-align: -10%;
	}
	
	
/* ------------------------------------------------------------------
---------- IMAGE CAPTION (WP 2.6 and newer) -----------------------
------------------------------------------------------------------ */

.wp-caption {
	/*max-width: 100% auto;*/
	max-width: 96%;		/* FF2, IE7, Opera9, Safari 3.0/3.1 will 
							resize images in the main column if needed.
							97% so images with padding and border don't touch
							the right sidebar while being resized. Change this 
							to 100% if you want, if your images
							don't have padding and a border */
	width: auto 100%;
	height: auto;  /* FF3 needs "auto", IE6 needs "100%", see next style*/
	display: block;
	<?php echo $bfa_ata['post_image_caption_style']; ?> 
	}

/* for imges inside a caption container IE6 does not
stretch images vertically as it does with images without
caption so we can leave this rule although it is probably not
required as jQuery sets the height for caption'ed images too */
* html .wp-caption {
	height: 100%; 
	}
	
.wp-caption img {
   	margin: 0 !important;
   	padding: 0 !important;
   	border: 0 none !important;
	}
	
.wp-caption p.wp-caption-text {
	<?php echo $bfa_ata['image_caption_text']; ?>
	}

/* ------------------------------------------------------------------
---------- POST THUMBNAILS (WP 2.9 and newer) -----------------------
------------------------------------------------------------------ */

img.wp-post-image {
	<?php echo $bfa_ata['post_thumbnail_css']; ?>
}

<?php 
echo $bfa_ata['html_inserts_css']; 
if ( $bfa_ata['css_compress'] == "Yes" AND 
!( $bfa_ata_debug == 1 AND $bfa_ata['allow_debug'] == "Yes" ) ) {
	ob_end_flush();
}	
if ( $bfa_ata_preview == 1 OR $bfa_ata['css_external'] == "Inline" OR 
( $bfa_ata_debug == 1 AND $bfa_ata['allow_debug'] == "Yes" ) ) {
	echo "</style>\n"; 
}
?>